﻿@model SDCloudSolution.SDCloud.Web.Models.RegisterViewModel
@{
    ViewBag.Title = "Register";
    Layout = MVC.Shared.Views._Layout;
}
<div class="oj-pagingcontrol-nav-page">
    <h1>@ViewBag.Title</h1>
</div>
<div class="oj-panel oj-panel-alt2 oj-panel-shadow-lg oj-sm-10 oj-lg-6 oj-xl-5 oj-md-7 oj-flex-item" style="margin:auto;">
        @using (Html.BeginForm("Register", "Account", FormMethod.Post, new { @class = "oj-form oj-form-layout", role = "form" }))
        {
            @Html.AntiForgeryToken()
            <h4>Create a new account</h4>
            <hr />
            @Html.ValidationSummary(true)
            <div class="oj-form-control">
                @Html.LabelFor(m => m.UserName, new { @class = "oj-md-2 control-label oj-text-primary-color oj-gauge-metric-label" })
                <div class="oj-md-12">
                    @Html.TextBoxFor(m => m.UserName, new { @class = "oj-form-control oj-sm-12" })
                    @Html.ValidationMessageFor(m => m.UserName)
                </div>
            </div>
            <div class="oj-form-control">
                @Html.LabelFor(m => m.Email, new { @class = "oj-md-2 control-label oj-text-primary-color oj-gauge-metric-label" })
                <div class="oj-md-12">
                    @Html.TextBoxFor(m => m.Email, new { @class = "oj-form-control oj-sm-12" })
                    @Html.ValidationMessageFor(m => m.Email)
                </div>
            </div>
            <div class="oj-form-control">
                @Html.LabelFor(m => m.Password, new { @class = "oj-md-2 control-label oj-text-primary-color oj-gauge-metric-label" })
                <div class="oj-md-12">
                    @Html.PasswordFor(m => m.Password, new { @class = "oj-form-control oj-sm-12" })
                    @Html.ValidationMessageFor(m => m.Password)
                </div>
            </div>
            <div class="oj-form-control">
                @Html.LabelFor(m => m.ConfirmPassword, new { @class = "oj-md-2 control-label oj-text-primary-color oj-gauge-metric-label" })
                <div class="oj-md-12">
                    @Html.PasswordFor(m => m.ConfirmPassword, new { @class = "oj-form-control oj-sm-12" })
                </div>
            </div>
            <div class="oj-form-control">
                <div class="oj-md-12">
                    <input type="submit" class="btn btn-default" value="Register" />

                    @Html.ActionLink("Back", MVC.Home.Index())
                </div>
            </div>
        }
</div>
